<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>html元素</title>

</head>

<body>

    <header>
        <h1>html元素</h1>
    </header>
    <main>
        <section>
            <h2>区块元素</h2>
            <p>段落元素是块元素，<a href="http://www.baidu.com">baidu</a></p>
            <p>段落<span>元素</span>是<span>块元素</span>，<a href="http://www.baidu.com">baidu</a></p>
            <a href="http://www.baidu.com">baidu</a><a href="http://www.baidu.com">baidu</a><a
                href="http://www.baidu.com">baidu</a><a href="http://www.baidu.com">baidu</a>
        </section>
        <section>
            <h2>内容组织元素</h2>
            <div>
                <ol>
                    <li>列表项</li>
                    <li>列表项</li>
                    <li>列表项</li>
                </ol>
                <ul>
                    <li>列表项</li>
                    <li>列表项</li>
                    <li>列表项</li>
                </ul>
            </div>
        </section>
        <section>
            <h2>嵌入内容元素</h2>
            <p><img src="http://www.w3.org/html/logo/downloads/HTML5_Logo_512.png" alt="html5 logo"></p>
            <p><img src="images\HTML5_Logo_512.png" alt="html5 logo"></p>
            <p><img src="images/HTML5_Logo_512.png"></p>
            <img src="../public/_k-logo-wos.svg" alt="">
            <iframe src="https://yangjh.gitee.io/front-end/html-embed.html" frameborder="0" width="800"></iframe>
            <iframe height=498 width=510 src='https://player.youku.com/embed/XNDU3NDc2ODA4NA=='
                frameborder=0 "allowfullscreen"></iframe>
            <audio src=""></audio>
            <video src=""></video>
        </section>
        <section>
            <h2>表格</h2>
            <table>
                <tr>
                    <td>对对对</td>
                    <td>对对对</td>
                    <td>对对对</td>
                </tr>
                <tr>
                    <td>对对对</td>
                    <td>对对对</td>
                    <td>对对对</td>
                </tr>
                <tr>
                    <td>对对对</td>
                    <td>对对对</td>
                    <td>对对对</td>
                </tr>
            </table>
        </section>
    </main>
    <footer>这里放版权信息</footer>
</body>

</html>
